<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/Add_address.css"/>
		<link rel="stylesheet" type="text/css" href="css/demo.css"/>
		<link rel="stylesheet" type="text/css" href="css/ydui.css"/>
		<link rel="stylesheet" href="css/unified.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav head00c694">
			<a class="mui-action-back iconfont icon-more_unfold mui-icon mui-pull-left"></a>
			<h1 class="mui-title">添加新地址</h1>
			<span class="  mui-pull-right " id="edit">
				保存
			</span>
		</header>
		<div class="mui-content">
		    <div class="name">
		    	<div class="mui-row ">
			    	<div class="mui-col-xs-3">
			    		<lable>收货人</lable>
			    	</div>
			    	<div class="mui-col-xs-9">
			    		<input type="" name="" id="" value="" />
			    	</div>
			    </div>
		    </div>
		    <div class="name">
		    	<div class="mui-row ">
			    	<div class="mui-col-xs-3">
			    		<lable>联系电话</lable>
			    	</div>
			    	<div class="mui-col-xs-9">
			    		<input type="" name="" id="" value="" />
			    	</div>
			    </div>
		    </div>
		    <div class="name">
		    	<div class="mui-row ">
			    	<div class="mui-col-xs-3">
			    		<lable>所在地区</lable>
			    	</div>
			    	<div class="mui-col-xs-9">
			    		<div class="m-cell">
				            <div class="cell-item">
				                <div class="cell-right cell-arrow">
				                    <input type="text" class="cell-input" readonly id="J_Address" placeholder="请选择">
				                </div>
				            </div>
				        </div>
			    	</div>
			    </div>
		    </div>

		    <div class="name"> 		      
		    	<textarea name="" rows="" cols="" placeholder="请填写详细地址，不少于5个字"></textarea> 
		    </div>
		    <div class="default">设为默认 
		    	<div class="mui-switch mui-switch-mini mui-pull-right">
		      		<div class="mui-switch-handle"></div>
		    	</div>
		    </div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-3.2.1 .js"></script>
		<script src="js/ydui.citys.js"></script>
		<script src="js/ydui.flexible.js"></script>
		<script src="js/ydui.js"></script>

		<script type="text/javascript">
			mui.init()
			!function () {
				var $target = $('#J_Address');
			
				$target.citySelect();
			
				$target.on('click', function (event) {
					event.stopPropagation();
					$target.citySelect('open');
				});
			
				$target.on('done.ydui.cityselect', function (ret) {
					$(this).val(ret.provance + ' ' + ret.city + ' ' + ret.area);
				});
			}();
		</script>
	</body>

</html>